import {
    ref
} from 'vue'

import {
    generateId
} from '../util/todoStorage'

/**
 * 
 * @returns 新增任务
 */
export default function useTodoList(todeRef) {

    // 新任务的标题
    const newTodeRef = ref('')



    // 新增一个任务
    const addTodo = () => {
        const value = newTodeRef.value && newTodeRef.value.trim()

        if (!value) {
            return
        }

        // 生成一个任务对象，将其加入到任务列表中
        const todo = {
            id: generateId(),
            title: value,
            completed: false
        }


        todeRef.value.push(todo)
        newTodeRef.value = ''
    }

    return {
        newTodeRef,
        addTodo
    }
}